.transition {
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
  }
  .transform {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  .transformX {
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .transformY {
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  @media screen and (min-width: 1200px) {
    html {
      font-size: 16px!important;
    }
    .mobile-nav,
    .mobile-menu-wrap {
      display: none;
    }
  }
  @media screen and (max-width: 1600px) {
    .in-product .in-product-box .in-product-slick .slick-dots {
      bottom: 20px;
    }
    .in-product .in-product-box .in-product-slick .slick-dots li {
      height: 8px;
      width: 8px;
      background: #ccc;
      margin-left: 4px;
      margin-right: 4px;
    }
    .in-product .in-product-box .in-product-slick .slick-dots .slick-active {
      background: #0266a3;
    }
    .innovate-banenr {
      height: 422px;
    }
  }
  @media screen and (max-width: 1366px) {
    .in-area .in-areaCon {
      height: 615px;
    }
  }
  @media screen and (max-width: 1280px) {
    .list3-group .list3-list .list3-listCon .list3-listCon-left {
      height: auto;
      width: 50%;
    }
    .list3-group .list3-list .list3-listCon .list3-listCon-right{
      width: 50%;
      height: auto;
      padding-bottom: 14px;
    }
  }
  @media screen and (max-width: 1200px) {
    .content {
      padding-left: 2%;
      padding-right: 2%;
    }
    .header-top {
      display: none;
    }
    header {
      border-bottom: none;
    }
    header .mobile-top {
      display: block;
    }
    header .mobile-top .mobile-top-con {
      z-index: 1001;
    }
    header .nav {
      display: none;
    }
    header:before {
      display: none;
    }
    header .mobile-nav.active {
      overflow-y: auto!important;
      display: block;
    }
    header .mobile-nav {
      position: fixed;
      min-height: 100%;
      width: 100%;
      background: #fff;
      top: 0;
      left: 0;
      z-index: 1000;
      padding: 70px 4% 0;
      display: none;
    }
    header .mobile-nav .menu {
      font-size: 18px;
      line-height: 2;
      color: #444;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
    }
    header .mobile-nav .menu a:not(:last-child):after {
      content: ">";
      margin-left: 3px;
      margin-right: 3px;
    }
    header .mobile-nav .mobile-menu-wrap {
      position: absolute;
      top: 0px;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 0 4%;
      transition: all ease 0.5s;
      -webkit-transition: all ease 0.5s;
      -moz-transition: all ease 0.5s;
      -o-transition: all ease 0.5s;
      -ms-transition: all ease 0.5s;
    }
    header .mobile-nav .mobile-menu-wrap.active {
      top: 107px;
    }
    header .mobile-nav .mobile-menu-wrap .mobile-nav-group {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      padding: 0 4%;
    }
    header .mobile-nav .mobile-menu-wrap .mobile-nav-group .menu__item {
      line-height: 40px;
      border-bottom: 1px solid #ccc;
    }
    header .mobile-nav .mobile-menu-wrap .mobile-nav-group .menu__item .menu__link {
      float: right;
    }
    header .mobile-nav .mobile-menu-wrap .mobile-nav-group .menu__item .menu__link[data-submenu]::after {
      content: '•••';
      font-size: 16px;
      color: #ccc;
    }
    header .mobile-nav .mobile-menu-wrap .menu__current {
      display: block;
    }
    .banner .banner_list .banner_con h2 {
      font-size: 35px;
    }
    .banner .banner_list .banner_con a {
      margin-top: 30px;
      line-height: 38px;
      width: 120px;
    }
    .in-area .in-areaCon {
      height: auto;
      padding: 6% 0;
    }
    .in-area .in-areaCon .in-areaGroup {
      bottom: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
    }
    .in-area .in-areaCon .in-areaGroup {
      position: static;
      text-align: center;
      padding: 16% 0;
      transform: translate(0%, 0%);
      -webkit-transform: translate(0%, 0%);
      -moz-transform: translate(0%, 0%);
      -o-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
    }
    .in-area .in-areaCon .in-areaGroup .in-areaList-absolut {
      position: relative;
    }
    .in-area .in-areaCon .in-areaGroup .absolue1,
    .in-area .in-areaCon .in-areaGroup .absolue2,
    .in-area .in-areaCon .in-areaGroup .absolue3,
    .in-area .in-areaCon .in-areaGroup .absolue4 {
      top: auto;
      left: auto;
    }
    .in-area .in-areaCon .in-areaGroup .in-areaList {
      width: 20%;
    }
    .in-area .in-areaCon .in-areaGroup .in-areaList .in-areaList-rota {
      height: auto;
      padding-top: 100%;
      width: 100%;
    }
    .in-area .in-areaCon .in-areaGroup .in-areaList:not(:first-child) {
      margin-left: 20%;
    }
    .public {
      font-size: 30px;
    }
    .in-Case .in-Case-box .in-Case-center {
      width: 46.64%;
    }
    .in-Case .in-Case-box .in-Case-lr {
      width: 26.68%;
    }
    .in-Case .in-Case-box .in-Case-center p {
      font-size: 22px;
    }
    .in-Case p {
      font-size: 22px;
    }
    .mask {
      display: none;
    }
    .mask + span {
      display: none;
    }
    .in-new .in-newCon .in-newlistCon .in-newlist .in-newlist-text span {
      margin-top: 15px;
      width: 134px;
      line-height: 42px;
    }
    .footer ul {
      display: none;
    }
    .list2 .list2-text p {
      font-size: 16px;
      line-height: 28px;
      margin-top: 12px;
    }
    .list2-development {
      margin-top: 4%;
    }
    .product .product-group .product-list .product-list-right .product-list-right-list {
      line-height: 60px;
    }
    .product .product-group .product-list {
      height: 372px;
    }
    .product .product-group .product-list .product-list-left {
      padding-top: 5%;
      padding-left: 20px;
      padding-right: 20px;
    }
    .product .product-group .product-list .product-list-left h4 {
      font-size: 28px;
      margin-bottom: 10px;
    }
    .product .product-group .product-list .product-list-left h4:before {
      height: 3px;
    }
    .product .product-group .product-list .product-list-left p {
      font-size: 14px;
      line-height: 22px;
    }
    .product {
      margin-top: 4%;
      margin-bottom: 4%;
    }
    .product .product-group {
      margin-top: 4%;
    }
    .product .product-group .product-list .product-list-right {
      padding: 10px 20px;
    }
    .advanced-banner .content:after {
      height: 80px;
      width: 20px;
      left: 20px;
    }
    .advanced-banner .content .advanced-banner-text h3 {
      font-size: 24px;
      line-height: 32px;
    }
    .advanced-banner .content .advanced-banner-text {
      display: inline-block;
      padding: 20px 66px 20px 66px;
      background: rgba(0, 0, 0, 0.74);
    }
    .advanced {
      margin-top: 4%;
    }
    .advanced-list {
      margin-top: 5%;
      max-width: 1204px;
    }
    .advanced .advanced-jj .advanced-jj-group {
      margin-top: 3%;
    }
    .advanced .advanced-jj .advanced-jj-group .advanced-jj-list {
      line-height: 110px;
    }
    .advanced .advanced-jj .advanced-jj-group .advanced-jj-list:not(:first-child):after {
      height: 68px;
    }
    .service p {
      padding-left: 0;
      font-size: 14px;
      line-height: 28px;
    }
    .service h4 {
      font-size: 16px;
      margin-top: 14px;
      margin-bottom: 14px;
    }
    .service {
      margin-top: 5%;
      margin-bottom: 5%;
    }
    .service .service-group .service-list {
      margin-top: 3%;
    }
    .service .service-group {
      margin-top: 3%;
    }
    .service .service-group .service-list .service-list-text h2 {
      font-size: 24px;
    }
    .service .service-group .service-list .service-list-text h2:before {
      height: 4px;
      width: 52px;
      margin-bottom: 5px;
    }
    .service .service-group .service-list .service-list-text span {
      width: 120px;
      line-height: 35px;
      margin-top: 8px;
    }
    .service .service-group .service-list .service-list-text span i {
      font-size: 14px;
      padding-right: 26px;
    }
    .innovate-banenr .innovate-banenrtext h1 {
      font-size: 24px;
      padding: 26px 50px;
    }
    .innovate-banenr .innovate-banenrtext h1:after {
      display: none;
    }
    .innovate .innovate-synopsis {
      margin-top: 5%;
      padding-bottom: 5%;
      padding-right: 10%;
      padding-left: 3%;
    }
    .innovate .innovate-synopsis p {
      font-size: 16px;
      line-height: 26px;
    }
    .innovate .innovate-RDCenter {
      margin-top: 4%;
    }
    .innovate .innovate-RDCenter .innovate-RDCenter-list {
      margin-top: 4%;
    }
    .innovate .innovate-RDCenter .innovate-RDCenter-list .innovate-RDCenter-slick .slick-prev,
    .innovate .innovate-RDCenter .innovate-RDCenter-list .innovate-RDCenter-slick .slick-next {
      height: 36px;
      width: 36px;
      background-size: contain;
    }
    .innovate .innovate-RDCenter .innovate-RDCenter-list .innovate-RDCenter-slick .slick-prev {
      left: 0;
    }
    .innovate .innovate-RDCenter .innovate-RDCenter-list .innovate-RDCenter-slick .slick-next {
      right: 0;
    }
    .Honor .Honor-slickCon p {
      font-size: 20px;
      line-height: 66px;
    }
    .number-service .number-service-tit {
      padding-left: 0;
      padding-right: 0;
    }
    .number-service .number-service-tit p {
      font-size: 16px;
      line-height: 1.5;
    }
    .number-service .number-service-img .number-service-img-text {
      padding: 30px 50px 40px 42px;
      width: 100%;
      position: static;
    }
    .mainland-banner .mainland-banner-text:after {
      display: none;
    }
    .mainland-banner .mainland-banner-text .mainland-banner-text-xia {
      margin-left: 30px;
    }
    .machineNav .content .machineNav-cha {
      display: none;
    }
    .machine-banner h3 {
      font-size: 30px;
    }
    .machine-banner h3:before {
      width: 57px;
      height: 4px;
      background: #fff;
      margin-bottom: 8px;
    }
    .machineNav .machineNavtit {
      line-height: 60px;
    }
    .machineNav {
      height: 60px;
    }
    .machineTit h2 {
      font-size: 24px;
      color: #000000;
      font-weight: bold;
      margin-bottom: 8px;
    }
    .machineTit p {
      font-size: 16px;
    }
    .machine-lb {
      margin-top: 30px;
    }
    .Reference > h4 {
      font-size: 24px;
      margin-top: 16px;
    }
    .app-coopLb {
      max-width: 1070px;
      width: 100%;
    }
    .app-coopLb .app-coop-list h4 {
      line-height: 52px;
      font-size: 18px;
    }
    .app-coopLb .slick-prev,
    .app-coopLb .slick-next {
      margin-top: -10px;
    }
    .service-maintenance .service-maintenance-img .service-maintenance-text {
      width: 100%;
    }
    .Case-details-banner.content {
      padding: 0;
    }
    .Case-details-banner .Case-details-banner-img:after {
      display: none;
    }
    .Case-details-banner .Case-details-banner-img .Case-details-banner-text h3 {
      font-size: 36px;
      margin-bottom: 4px;
    }
    .Case-details-banner .Case-details-banner-img .Case-details-banner-text p {
      font-size: 20px;
    }
    .Case-details-group .Case-details-list {
      padding: 24px 20px 15px 46px;
    }
    .Case-details-group .Case-details-list1 h3,
    .Case-details-group .Case-details-list2 h3,
    .Case-details-group .Case-details-list3 h3 {
      font-size: 24px;
    }
    .case-option .case-option-group {
      margin-top: 3%;
    }
    .case-option .case-option-group .case-option-list a {
      line-height: 42px;
      width: 134px;
      font-size: 14px;
    }
    .case-option .case-option-group .case-option-list span {
      font-size: 14px;
      line-height: 42px;
    }
    .case-Newest {
      margin-top: 4%;
    }
    .case-Newest .case-Newest-group {
      margin-top: 4%;
    }
    .case-Newest .case-Newest-group .case-Newest-list .case-Newest-text {
      padding: 15px 16px;
    }
    .case-Newest .case-Newest-group .case-Newest-list .case-Newest-text h4 {
      font-size: 20px;
    }
    .case-Newest .case-Newest-group .case-Newest-list .case-Newest-text p {
      font-size: 14px;
    }
    .case-group .case-list .case-list-text {
      padding: 12px 12px;
    }
    .case-group .case-list .case-list-text h4 {
      font-size: 18px;
    }
    .case-group .case-list .case-list-text p {
      font-size: 14px;
    }
    .case-group .case-list {
      padding: 0 2px;
    }
    .case-more {
      margin-top: 4%;
      margin-bottom: 3%;
    }
    .case-more .case-more-group {
      margin-top: 3%;
    }
    .case-more .case-more-group .case-more-listcon .case-more-list p {
      font-size: 14px;
      line-height: 35px;
      width: 78%;
    }
    .Promise-carve h3 {
      margin-bottom: 2%;
    }
    .Promise-carve {
      padding: 8% 0 5%;
      height: auto;
      margin-top: 8%;
    }
    .Promise-carve .Promise-carve-text {
      line-height: 36px;
      font-size: 16px;
    }
    .Promise-service .Promise-service-group .Promise-service-list .Promise-service-item {
      width: 160px;
      height: 160px;
    }
    .Promise-service .Promise-service-group .Promise-service-list .Promise-service-item img {
      margin: 26px auto 9px;
    }
    .Promise-service .Promise-service-group {
      margin-top: 4%;
    }
    .Promise-promote {
      height: auto;
      padding-top: 10%;
      margin-top: 8%;
      padding-bottom: 7%;
    }
    .Promise-promote p {
      font-size: 16px;
      line-height: 34px;
    }
    .Promise-promote h3 {
      margin-bottom: 2%;
    }
    .Promise-Continued {
      margin-top: 5%;
      margin-bottom: 5%;
    }
    .Promise-Continued .Promise-Continued-text {
      margin-top: 4%;
    }
    .pc-slide:before {
      display: none;
    }
    .Point-entry-con .Point-entry-text {
      padding-left: 0;
    }
    .list-details-slide {
      padding-left: 0;
    }
    .contact .contact-formcon {
      padding-left: 0;
    }
    .contact .contact-formcon .contact-form:before {
      display: none;
    }
    .contact .contact-formcon .contact-form {
      padding: 4% 10% 2%;
    }
    .contact .contact-formcon .contact-form .contact-form-list input {
      height: 44px;
    }
    .contact .contact-formcon .contact-form .contact-form-list select {
      height: 45px;
    }
    .contact .contact-formcon .contact-form label {
      font-size: 14px;
    }
    .contact .contact-formcon .contact-form .contact-form-btn {
      font-size: 16px;
      line-height: 45px;
    }
    .automation h5 {
      font-size: 18px;
      margin-top: 16px;
      margin-bottom: 16px;
    }
    .automation .automation-p p {
      font-size: 16px;
      line-height: 26px;
    }
    .automation .automation-group .automation-list h3 {
      font-size: 14px;
      line-height: 48px;
      padding-left: 22px;
    }
    .automation .automation-group .automation-list {
      margin-top: 12px;
    }
    .automation {
      margin-bottom: 26px;
    }
    .Project-list-banner {
      padding-left: 0px;
    }
    .Project-list-banner:after {
      display: none;
    }
    .Project-list-banner.content {
      padding-right: 0;
    }
    .mainland-service {
      margin-top: 4%;
      margin-bottom: 3%;
    }
    .Project-list-tabel .Project-list-tabelCon .Project-list-tabelCon-item .Project-list-tabelCon-top dl {
      width: 100%;
    }
    .Project-list-tabel .Project-list-tabelCon .Project-list-tabelCon-item .Project-list-tabelCon-top dl:last-child {
      width: 100%;
    }
    .Project-list-tabel .Project-list-tabelCon .Project-list-tabelCon-item .Project-list-tabelCon-top span {
      display: none;
    }
    .Project-list-tabel .Project-list-tabelCon .Project-list-tabelCon-item .Project-list-tabelCon-btm .Project-list-tabelCon-btmText p {
      width: 100%;
    }
    .Project-list-banner .Project-list-bannerImg .Project-list-bannerText h3 {
      margin-bottom: 3%;
    }
    .Project-list-banner .Project-list-bannerImg {
      padding-top: 4%;
      padding-bottom: 4%;
    }
    .Project-list-banner .Project-list-bannerImg .Project-list-bannerText {
      height: auto;
      position: static;
      transform: translate(0%, 0%);
      -webkit-transform: translate(0%, 0%);
      -moz-transform: translate(0%, 0%);
      -o-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      margin: 0 auto;
    }
    .Project-list-banner .Project-list-bannerImg .Project-list-bannerText h3 {
      font-size: 24px;
    }
    .Project-list-banner .Project-list-bannerImg .Project-list-bannerText h3:before {
      height: 4px;
      width: 50px;
    }
    .apply_detile-tit {
      width: 80%;
    }
    .after-before:before {
      display: none;
    }
    .after-before:after {
      display: none;
    }
    /*========导航动画==========*/
    @-webkit-keyframes fadeInLefts {
      0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
      }
      100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
    @keyframes fadeInLefts {
      0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
      }
      100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
    .menu__current .fadeInLefts {
      -webkit-animation-name: fadeInLefts;
      animation-name: fadeInLefts;
    }
    @-webkit-keyframes fadeInRights {
      0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
      }
      100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
    @keyframes fadeInRights {
      0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
      }
      100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
    .menu__current .fadeInRights {
      -webkit-animation-name: fadeInRights;
      animation-name: fadeInRights;
    }
    .mobile-nav .header-top {
      height: auto;
      display: block;
      background: none;
      margin-bottom: 10px;
    }
    .mobile-nav .header-top .content {
      padding: 0;
    }
    .mobile-nav .header-top .header-top-right {
      float: none;
    }
    .mobile-nav .header-top .header-top-right .header-search {
      width: 100%;
      height: 32px;
      margin-left: 0;
    }
    .mobile-nav .header-top .header-top-right .header-search input {
      font-size: 14px;
      height: 32px;
    }
    .mobile-nav .header-top .header-top-right .header-search a {
      color: #dadada;
      font-size: 18px;
      position: absolute;
      right: 8px;
      top: 6px;
    }
    .mobile-nav .header-top .header-top-nav {
      font-size: 14px;
      line-height: 26px;
      color: #333;
    }
    .mobile-nav .header-top .header-top-nav i {
      margin-left: 3px;
      margin-right: 3px;
    }
    .mobile-nav .header-top .header-top-nav .header-top-fx {
      margin-left: 20px;
      margin-right: 10px;
    }
    .mobile-nav .header-top .header-top-nav .header-top-fx img {
      vertical-align: -3px;
    }
    header .mobile-nav .mobile-menu-wrap.active {
      top: 176px;
    }
    .news .news-group{ position:relative;right:0; width:100%}
  }
  @media screen and (max-width: 1080px) {
    .in-Case .in-CaseWo .in-CaseWoGroup .in-CaseWoListcon {
      width: 100%;
      padding-right: 0px;
      padding-left: 0px;
      margin-top: 10px;
    }
    .in-new .in-newCon .in-newlistCon .in-newlist .in-newlist-text p {
      display: none;
    }
    .in-new .in-newCon .in-newlistCon .in-newlist .in-newlist-text {
      left: 10px;
      bottom: 56px;
    }
    .in-new .in-newCon .in-newlistCon .in-newlist .in-newlist-text h5 {
      font-size: 16px;
      line-height: 22px;
      max-height: 44px;
      margin-bottom: 0;
    }
    .key-text {
      margin-top: 4%;
      margin-bottom: 4%;
    }
    .mainland-banner .mainland-banner-text h2 {
      font-size: 24px;
    }
    .key .mainland-banner-text {
      padding: 24px 212px 24px 35px;
    }
    .key .mainland-banner-text:after {
      height: 60px;
      width: 20px;
      left: -20px;
    }
    .key {
      padding-top: 35%;
    }
    .key-text .key-text-Article {
      font-size: 14px;
      line-height: 26px;
    }
    .advanced .advanced-jj .advanced-jj-text p {
      font-size: 14px;
      line-height: 26px;
    }
    .advanced .advanced-jj .advanced-jj-group .advanced-jj-list {
      line-height: 74px;
    }
    .advanced .advanced-jj .advanced-jj-group .advanced-jj-list:not(:first-child):after {
      height: 43px;
      top: 15px;
    }
    .advanced .advanced-jj .advanced-jj-group .advanced-jj-list {
      font-size: 14px;
    }
    .advanced .advanced-jj .advanced-jj-group:before {
      display: none;
    }
    .advanced .advanced-jj .advanced-jj-group {
      padding-left: 0;
    }
    .advanced-list p {
      font-size: 14px;
      line-height: 24px;
    }
    .advanced-list .advanced-list-img {
      margin-top: 2%;
    }
    .advanced-list .public {
      margin-bottom: 20px;
    }
    .advanced-hui {
      margin-top: 6%;
      background: #f3f3f3;
      padding: 5% 0;
    }
    .last-advanced-list {
      margin-bottom: 5%;
    }
    .about-text {
      font-size: 14px;
      line-height: 24px;
    }
    .about-brand .about-brand-text {
      font-size: 24px;
      line-height: 42px;
    }
    .mainland-introduce .mainland-introduce-text p {
      font-size: 16px;
      line-height: 28px;
    }
    .mainland-introduce .mainland-introduce-text {
      padding-left: 0px;
      padding-right: 0px;
      margin-top: 20px;
    }
    .mainland-Sale {
      margin-top: 4%;
    }
    .mainland-Sale .mainland-Sale-con {
      margin-top: 3%;
    }
    .mainland-service {
      margin-top: 5%;
      margin-bottom: 3%;
    }
    .about-number {
      margin-top: 4%;
    }
    .mainland-Sale .mainland-Sale-con .mainland-Sale-list h4 {
      font-size: 24px;
    }
    .mainland-service .mainland-service-con .mainland-service-list h4 {
      font-size: 20px;
    }
    .mainland-service .mainland-service-con .mainland-service-list .mainland-service-list-img {
      margin: 46px auto 80px;
    }
    .mainland-service .mainland-service-con .mainland-service-list {
      height: 280px;
      width: 19.8%;
      float: left;
    }
    .about-number .about-number-group .about-number-list h4 {
      font-size: 20px;
      margin-bottom: 34px;
    }
    .about-number .about-number-group .about-number-list h5 {
      font-size: 36px;
      line-height: 40px;
    }
    .about-number .about-number-group {
      margin-top: 4%;
    }
    .about-tool .about-toolcon .about-toolcon-right .about-toolcon-rightcon {
      padding: 34px 42px 40px;
    }
    .about-tool .about-toolcon .about-toolcon-right .about-toolcon-rightcon p {
      font-size: 18px;
    }
    .about-tool .about-toolcon .about-toolcon-left {
      font-size: 20px;
      line-height: 30px;
    }
    .about-tool .about-toolcon {
      margin-top: 6%;
    }
    .about-tool {
      margin-top: 5%;
      padding: 6% 0;
    }
    .about-History .pc-slide .view p {
      font-size: 14px;
      line-height: 32px;
    }
    .about-History .pc-slide .view h2 {
      color: #333333;
      font-size: 22px;
      line-height: 44px;
    }
    .about-History .pc-slide .view .swiper-slide .swiper-slide-pading {
      padding-left: 65px;
    }
    .about-History .pc-slide .view .arrow-right {
      height: 36px;
      width: 36px;
      margin-top: -18px;
      background-size: 100%;
    }
    .about-History .pc-slide .view .arrow-left {
      height: 36px;
      width: 36px;
      margin-top: -18px;
    }
    .about-History .pc-slide {
      margin-top: 4%;
    }
    .about-service .about-service-text {
      margin-top: 5%;
    }
    .CooperativeProject .CooperativeProject-left h2 {
      font-size: 44px;
      line-height: 58px;
    }
    .CooperativeProject .CooperativeProject-left h2 span {
      font-size: 20px;
    }
    .CooperativeProject .CooperativeProject-left h2 span:after {
      bottom: -18px;
    }
    .CooperativeProject .CooperativeProject-right {
      width: 36%;
    }
    .slick-initialized .slick-slide img {
      width: 100%;
    }
    .Honor .Honor-slickCon a {
      line-height: 40px;
      width: 164px;
    }
    .CooperativeProject-right-slick .slick-prev {
      left: 0;
    }
    .CooperativeProject-right-slick .slick-next {
      right: 0;
    }
    .Honor {
      margin-top: 8%;
    }
    .Honor .Honor-slickCon {
      margin-top: 6%;
    }
    .Country {
      padding: 10% 0 10%;
    }
    .number-service .number-service-img {
      padding-top: 0;
    }
    .number-service .number-service-img .number-service-img-text h3 {
      margin-bottom: 20px;
    }
    .number-service-video {
      padding: 6% 0;
      margin-top: 5%;
    }
    .number-service-video .number-service-video-brief {
      width: 100%;
    }
    .number-service-video .number-service-videocon:after {
      display: none;
    }
    .number-service-video .number-service-videocon {
      margin-top: 4%;
      width: 100%;
    }
    .number-service-more {
      margin-top: 4%;
      margin-bottom: 3%;
    }
    .number-service-more .number-service-more-left {
      width: 100%;
      float: none;
    }
    .number-service-more .number-service-more-right {
      float: none;
      width: 310px;
      margin-left: auto;
      margin-right: auto;
    }
    .mainland-banner {
      padding-top: 45%;
    }
    .mainland-banner .mainland-banner-text {
      padding: 24px 34px;
    }
    .app-coopLb .slick-next {
      right: -14px;
    }
    .app-coopLb .slick-prev {
      left: -14px;
    }
    .Reference .Reference-advantage ul {
      margin-top: 10px;
      margin-left: 10px;
    }
    .Reference .Reference-advantage {
      padding-top: 4%;
      padding-bottom: 5%;
    }
    .tool .tool-list {
      margin-top: 10%;
      padding-bottom: 3%;
    }
    .tool .tool-list h4 {
      font-size: 24px;
    }
    .tool .tool-list .tool-list-box .tool-list-left {
      width: 100%;
    }
    .tool .tool-list .tool-list-box .tool-list-right {
      width: 100%;
      margin-top: 5%;
    }
    .tool .tool-list .tool-list-box .tool-list-right .tool-right-jj:before {
      display: none;
    }
    .tool .tool-list .tool-list-box .tool-list-right .tool-right-jj {
      height: 60px;
    }
    .tool .tool-list .tool-list-box .tool-list-right .tool-right-jj p {
      line-height: 60px;
    }
    .tool {
      padding-top: 50px;
      width: 96%;
      padding-left: 0;
      padding-right: 0;
      margin-left: auto;
      margin-right: auto;
    }
    .apply_detile-tit h2 {
      font-size: 24px;
    }
    .apply_detile-tit h2:before {
      height: 3px;
      margin-bottom: 3px;
    }
    .jqlx h4 {
      font-size: 24px;
      padding-left: 00px;
    }
    .jqlx h4:before {
      content: "";
      display: block;
      height: 4px;
      width: 52px;
      background: #0000e6;
      margin-bottom: 8px;
    }
    .news .newsText .newsText-tit h3 {
      font-size: 20px;
      line-height: 30px;
    }
    .news .newsText .newsTextCon {
      font-size: 16px;
    }
  
    .list3-banner .list3-banner-text h1 {
      font-size: 26px;
      margin-bottom: 1%;
    }
    .list3-banner .list3-banner-text p {
      font-size: 14px;
      line-height: 24px;
    }
    .list3-group {
      margin-top: 6%;
      margin-bottom: 6%;
    }
    .list3-group .list3-list h2 em {
      font-size: 22px;
      color: #6b6b6b;
      line-height: 36px;
    }
    .list3-group .list3-list h2 {
      font-size: 20px;
      color: #000000;
      line-height: 36px;
      border-left: 4px solid #0000e6;
      padding-left: 38px;
    }
    .list3-group .list3-list .list3-listCon {
      margin-top: 3%;
    }
    .list3-group .list3-list {
      margin-bottom: 6%;
    }
    .list-details-rightCon{ width:40%;
     left:0;right:auto; bottom:60px!important; padding-bottom:10px;
    }
    .list3-sidebar .list3-sidebar-logo{ width:80%; margin-bottom:0}
    .list3-sidebar .list3-sidebarimg h3{ font-size:12px; margin-bottom:10px}
    .list3-sidebar .list3-sidebarimg a{ width:100%; font-size:12px;}
    .list3-sidebar .list3-sidebarimg img{ width:100px; height:auto}
    .list-details-right .list3-sidebar{padding-top:10px;}
    .preview,.pc-slide .view .swiper-container .arrow-left,.pc-slide .view .swiper-container .arrow-right{
      display: none;
    }
    .list-detailsCon .list-details-text {
      margin-top: 10px;
      margin-bottom: 15px;
      padding: 0 52px;
    }
    .list-detailsCon .list-details-text p {
      font-size: 14px;
    }
    .list-detailsCon .list-details-text h2 {
      color: #000000;
      font-size: 20px;
      margin-bottom: 20px;
    }
    .list-details h2:before {
      content: "";
      display: block;
      height: 4px;
      width: 50px;
      background: #0065a3;
      margin-bottom: 10px;
    }
    .advanced-jj-group:before{
      display: none;
    }
    .advanced-jj-group .advanced-jj-list:not(:first-child):after{
      display: none;
    }
    .advanced-jj-group .advanced-jj-list {
      font-size: 17px;
      color: #fff;
      line-height: 48px;
      width: 100%;
      float: left;
      background-color: #34434b;
      text-align: center;
      position: relative;
    }
    .advanced-jj-group {
      padding-left: 0;
      margin-top: 24px;
    }
    .list-details-technics {
      margin-top: 10px;
    }
    .list-details-technics .list-details-technics-group {
      margin-top: 4%;
    }
  
    .Turnkey-group-list-bz {
      width: 100%;
      height: auto;
    }
    
    .Turnkey-group-list-bz-text {
      position: static;
      transform: translate(-0%, -0%);
      -webkit-transform: translate(-0%, -0%);
      -moz-transform: translate(-0%, -0%);
      -o-transform: translate(-0%, -0%);
      -ms-transform: translate(-0%, -0%);
      width: 100%;
      padding: 10px;
    }
  
  }
  @media screen and (max-width: 767px) {
    .public {
      font-size: 20px;
    }
    .banner .banner_list {
      padding-top: 11%;
    }
    .banner .banner_list .banner_con h2 {
      font-size: 24px;
    }
    .banner .banner_list .banner_con a {
      margin-top: 10px;
      line-height: 38px;
      width: 100px;
      font-size: 12px;
    }
    .banner .slick-dots {
      bottom: 4px;
    }
    .banner .slick-dots li {
      height: 8px;
      width: 8px;
      margin-left: 3px;
      margin-right: 3px;
    }
    .in-transfer .in-transfer-group .in-transfer-list:nth-child(1),
    .in-transfer .in-transfer-group .in-transfer-list:nth-child(2),
    .in-transfer .in-transfer-group .in-transfer-list:nth-child(3) {
      width: 100%;
      margin-left: 0;
    }
    .in-transfer .in-transfer-group .in-transfer-list {
      width: 100%;
      float: none;
      margin-top: 3%;
    }
    .in-transfer .in-transfer-group .in-transfer-list .firmLogo {
      margin-bottom: 2%;
    }
    .in-transfer .in-transfer-group .in-transfer-list h3 {
      font-size: 18px;
    }
    .in-transfer .in-transfer-group .in-transfer-list p {
      font-size: 14px;
      line-height: 22px;
    }
    .in-area .in-areaCon .in-areaGroup .in-areaList {
      width: 172px;
      margin-left: auto;
      margin-right: auto;
      float: none;
      margin-top: 3%;
    }
    .in-area .in-areaCon .in-areaGroup .in-areaList:not(:first-child) {
      margin-left: auto;
    }
    .in-Case .in-Case-box .in-Case-lr {
      width: 96%;
      float: none;
      margin-left: auto;
      margin-right: auto;
    }
    .in-Case .in-Case-box .in-Case-center {
      width: 96%;
      margin-left: auto;
      margin-right: auto;
      float: none;
      padding: 0;
    }
    .in-new .in-newCon .in-newlistCon {
      width: 100%;
      padding-left: 4%;
      padding-right: 4%;
    }
    .in-Case .in-CaseWo .in-CaseWoGroup .in-CaseWoListcon .in-CaseWoList {
      height: 134px;
    }
    .in-contact .content {
      background: #fff!important;
    }
    .in-contact .in-contact-list {
      width: 100%;
      margin-bottom: 10px;
    }
    .in-contact .in-contact-list .in-contact-icon {
      margin-bottom: 6px;
    }
    .footer {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .footer p {
      font-size: 12px;
      line-height: 20px;
      text-align: center;
      color: #fff;
      padding: 0 18px;
    }
    .message {
      overflow: auto;-webkit-overflow-scrolling: touch;
    }
    .message .message-form {
      width: 100%;
      background: #ffffff;
      padding-bottom: 40px;
      position: absolute;
      top: 0%;
      left: 50%;
      transform: translate(-50%, 0%);
      -webkit-transform: translate(-50%, 0%);
      -moz-transform: translate(-50%, 0%);
      -o-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
    }
    .message .message-form .message-form-close span {
      line-height: 33px;
    }
    .message .message-form .message-formFoot p {
      font-size: 12px;
      line-height: 20px;
    }
    .message-form-btn {
      font-size: 14px;
      margin-bottom: 20px;
      line-height: 36px;
    }
    .message-btn {
      height: 73px;
      width: 54px;
      background-size: 100% auto;
    }
    .key .mainland-banner-text {
      padding: 10px 22% 10px 4%;
    }
    .key .mainland-banner-text:after {
      width: 6px;
      left: -6px;
      height: 36px;
    }
    .key-text .key-text-Article {
      margin-top: 16px;
    }
    .mainland-banner .mainland-banner-text h2 {
      font-size: 20px;
    }
    .in-contact .in-contact-bj {
      height: 103px;
      background-size: cover;
    }
    .in-contact .in-contact-bj a {
      width: 136px;
      font-size: 14px;
      line-height: 30px;
    }
    .message .message-form .message-formcon h3 {
      font-size: 16px;
      line-height: 44px;
      margin-bottom: 16px;
    }
    .list2 .list2-topSlick .slick-prev,
    .list2 .list2-topSlick .slick-next {
      font-size: 13px;
      line-height: 28px;
      height: 28px;
      width: 28px;
    }
    .list2-Digital .Digital-group .Digital-list {
      width: 46%;
      margin-left: 2%;
      margin-right: 2%;
      margin-bottom: 10px;
    }
    .list2-Digital .Digital-group {
      margin-top: 8%;
    }
    .list2-more .list2-more-group .list2-more-list {
      width: 100%;
    }
    .list2-more .list2-more-group .list2-more-list:not(:first-child) {
      margin-left: 0%;
      margin-top: 3%;
    }
    .product .product-group .product-list {
      height: auto;
    }
    .product .product-group .product-list .product-list-left {
      position: static;
      width: 100%;
      background: none;
    }
    .product .product-group .product-list .product-list-right {
      width: 100%;
      float: none;
    }
    .product .product-group .product-list .product-list-right .product-list-right-list {
      line-height: 40px;
    }
    .product .product-group .product-list .product-list-right {
      background: rgba(0, 0, 0, 0.4);
      margin-top: 5%;
    }
    .advanced-list p {
      font-size: 14px;
      line-height: 24px;
      padding: 0 0px;
    }
    .advanced .advanced-jj .advanced-jj-text {
      width: 100%;
    }
    .advanced .advanced-jj .advanced-jj-group .advanced-jj-list {
      width: 100%;
      line-height: 52px;
      border-bottom: 1px solid #fff;
    }
    .advanced .advanced-jj .advanced-jj-group .advanced-jj-list:not(:first-child):after {
      display: none;
    }
    .advanced-banner {
      padding-top: 45%;
    }
    .advanced-banner .content .advanced-banner-text h3 {
      font-size: 20px;
      line-height: 27px;
    }
    .advanced-banner .content .advanced-banner-text {
      padding: 10px 20px;
    }
    .advanced-banner .content:after {
      height: 56px;
      width: 10px;
      left: 30px;
    }
    .advanced-list .advanced-list-img .advanced-list-img-list {
      width: 100%;
    }
    .advanced-mask-img .advanced-mask-imgcon {
      width: 92%;
    }
    .service .service-group .service-list:hover .service-list-text {
      bottom: 8px;
    }
    .service .service-group .service-list .service-list-text {
      padding-left: 8px;
    }
    .service .service-group .service-list .service-list-text h2 {
      font-size: 18px;
    }
    .service .service-group .service-list .service-list-text h2:before {
      height: 2px;
      width: 34px;
      margin-bottom: 2px;
    }
    .service .service-group .service-list {
      padding-top: 40%;
    }
    .company .service-list h5 {
      color: #fff;
      font-size: 14px;
      line-height: 16px;
      margin-top: 7px;
      margin-bottom: 12px;
    }
    .about-brand .about-brand-text {
      font-size: 18px;
      line-height: 32px;
      width: 100%;
    }
    .about-brand .about-slide {
      width: 100%;
      padding-right: 30px;
      padding-left: 30px;
      margin-top: 8%;
    }
    .about-brand .about-slide .CooperativeProject-right {
      width: 100%;
    }
    .CooperativeProject-right-slick .slick-dots {
      display: none!important;
    }
    .about-brand .about-slide .CooperativeProject-right h3 img {
      width: 56%;
    }
    .mainland-introduce .mainland-introduce-text p {
      font-size: 14px;
      line-height: 26px;
    }
    .mainland-introduce {
      margin-top: 6%;
    }
    .mainland-Sale .mainland-Sale-con .mainland-Sale-list {
      width: 100%;
      padding-top: 48%;
      margin-top: 3%;
    }
    .mainland-Sale .mainland-Sale-con .mainland-Sale-list:nth-child(even) {
      margin-left: 0%;
    }
    .mainland-service .mainland-service-con {
      margin-top: 6%;
      white-space: nowrap;
      overflow-x: auto;
    }
    .mainland-service .mainland-service-con .mainland-service-list {
      height: 280px;
      width: 50%;
      float: none;
      display: inline-block;
    }
    .about-number .about-number-group .about-number-list h4 {
      font-size: 14px;
      margin-bottom: 24px;
    }
    .about-number .about-number-group .about-number-list h5 {
      font-size: 20px;
      line-height: 40px;
    }
    .about-number .about-number-group .about-number-list:first-child {
      width: 25%;
    }
    .about-number .about-number-group .about-number-list:last-child {
      width: 25%;
    }
    .about-number .about-number-group .about-number-list {
      width: 25%;
    }
    .about-number .about-number-group .about-number-list h5 span {
      font-size: 12px;
    }
    .about-number h6 {
      margin-top: 16px;
      font-size: 14px;
    }
    .about-tool .about-toolcon .about-toolcon-left {
      font-size: 14px;
      line-height: 18px;
      width: 100%;
    }
    .about-tool .about-toolcon .about-toolcon-right {
      width: 100%;
    }
    .about-tool .about-toolcon .about-toolcon-right .about-toolcon-rightcon {
      width: 100%;
      margin-top: 4%;
    }
    .about-History .pc-slide .view .swiper-slide .swiper-slide-pading {
      padding-left: 44px;
    }
    .about-History .pc-slide .view p {
      font-size: 12px;
      line-height: 26px;
    }
    .about-Sense {
      margin-top: 10%;
    }
    .about-Sense .content {
      padding: 0 4px;
    }
    .about-Sense .content p {
      font-size: 14px;
      line-height: 1.6;
    }
    .about-Sense .about-Sense-slide {
      margin-top: 6%;
      padding: 15% 0;
    }
    .about-service .about-service-text .about-service-text-left {
      width: 100%;
    }
    .about-service .about-service-text .about-service-text-left p {
      line-height: 24px;
      font-size: 14px;
    }
    .about-service .about-service-text .about-service-text-left a {
      line-height: 42px;
      width: 140px;
      font-size: 16px;
      margin-top: 16px;
      margin-left: auto;
      margin-right: auto;
    }
    .about-service .about-service-text .about-service-text-right .about-service-text-rightimg:after {
      display: none;
    }
    .about-service .about-service-text .about-service-text-right {
      width: 100%;
      padding-left: 0;
      margin-top: 3%;
    }
    .about-service {
      margin-top: 4%;
      margin-bottom: 4%;
    }
    .innovate-banenr .innovate-banenrtext h1 {
      font-size: 20px;
      padding: 20px 26px;
      margin-top: 64px;
      margin-left: 0;
    }
    .innovate-banenr {
      height: 242px;
    }
    .innovate .innovate-synopsis p {
      font-size: 14px;
      line-height: 24px;
    }
    .innovate .innovate-RDCenter .innovate-RDCenter-list .innovate-RDCenter-text {
      width: 100%;
    }
    .innovate .innovate-RDCenter .innovate-RDCenter-list .innovate-RDCenter-slick {
      width: 100%;
      float: right;
      margin-top: 4px;
      margin-bottom: 15%;
    }
    .innovate .innovate-RDCenter .innovate-RDCenter-list .innovate-RDCenter-slick .slick-dots li {
      margin-left: 5px;
      margin-right: 5px;
    }
    .innovate .innovate-RDCenter .innovate-RDCenter-list .innovate-RDCenter-text ul li {
      font-size: 14px;
      line-height: 28px;
    }
    .Honor .Honor-slickCon p {
      font-size: 14px;
      line-height: 24px;
      margin-top: 15px;
      margin-bottom: 15px;
    }
    .Honor .Honor-slickCon .slick-prev,
    .Honor .Honor-slickCon .slick-next {
      height: 36px;
      width: 36px;
      margin-top: -56px;
      background-size: contain;
    }
    .Honor .Honor-slickCon .slick-prev {
      left: 0;
    }
    .Honor .Honor-slickCon .slick-next {
      right: 0;
    }
    .techniques {
      margin-top: 10%;
    }
    .techniques .techniques-ul .techniques-li:not(:nth-child(4n-3)) {
      margin-left: 0;
    }
    .techniques .techniques-ul .techniques-li {
      width: 49%;
    }
    .techniques .techniques-ul .techniques-li:nth-child(even) {
      margin-left: 2%;
    }
    .techniques .techniques-ul .techniques-li p {
      font-size: 16px;
      line-height: 34px;
      margin-top: 10px;
    }
    .yfstrength {
      margin-top: 10%;
    }
    .yfstrength .yfstrength-ul .yfstrength-li {
      width: 100%;
    }
    .yfstrength .yfstrength-ul .yfstrength-li h3 {
      font-size: 30px;
      line-height: 50px;
    }
    .yfstrength .yfstrength-ul .yfstrength-li h3 span {
      font-size: 16px;
    }
    .yfstrength .yfstrength-ul {
      margin-top: 5%;
    }
    .CooperativeProject {
      margin-top: 8%;
      margin-bottom: 10%;
    }
    .CooperativeProject .CooperativeProject-con {
      margin-top: 10%;
    }
    .CooperativeProject .CooperativeProject-left {
      width: 100%;
    }
    .CooperativeProject .CooperativeProject-left h2 {
      font-size: 32px;
      line-height: 44px;
    }
    .CooperativeProject .CooperativeProject-left h2:not(:first-child) {
      margin-top: 32px;
    }
    .CooperativeProject .CooperativeProject-left h2 span {
      font-size: 16px;
    }
    .CooperativeProject .CooperativeProject-right {
      width: 100%;
    }
    .CooperativeProject .CooperativeProject-right {
      width: 100%;
      margin-top: 9%;
    }
    .CooperativeProject .CooperativeProject-right h3 {
      font-size: 18px;
      margin-bottom: 10px;
    }
    .machining .machiningcon h3 {
      font-size: 24px;
    }
    .machining .machiningcon h3:after {
      content: "";
      width: 50px;
      height: 3px;
      margin-top: 10px;
    }
    .machining .machiningcon .machining-form {
      margin-top: 5%;
    }
    .machining .machiningcon .machining-form input[type="text"] {
      height: 40px;
      width: 100%;
    }
    .machining .machiningcon .machining-form input[type="text"]:nth-child(even) {
      margin-left: 0%;
    }
    .machining .machiningcon .machining-form select {
      height: 40px;
      width: 100%;
    }
    .machining .machiningcon .machining-form select:nth-of-type(even) {
      margin-left: 0%;
    }
    .machining .machiningcon {
      width: 100%;
      padding-left: 4px;
      padding-right: 4px;
    }
    .machining {
      margin-bottom: 6%;
    }
    .machiningBox h4 {
      font-size: 25px;
    }
    .machining .machiningcon .machining-form .machining-btn {
      line-height: 40px;
      font-size: 15px;
    }
    .Country {
      padding: 35% 0 35%;
    }
    .apply .applyCon .apply-tit {
      font-size: 24px;
    }
    .apply .applyCon .apply-tit:after {
      height: 4px;
      width: 46px;
      margin-left: -23px;
      top: -15px;
    }
    .apply .applyCon .apply-group .apply-group-left {
      display: block;
      height: 230px;
      width: 100%;
      float: none;
    }
    .apply .applyCon .apply-group .apply-group-left h4 {
      bottom: 12%;
      font-size: 16px;
    }
    .apply .applyCon .apply-group .apply-group-right {
      width: 100%;
      float: none;
      height: auto;
    }
    .apply .applyCon .apply-group .apply-group-right .apply-group-list {
      width: 100%;
      margin-left: 0;
      display: block;
      float: none;
    }
    .apply .applyCon {
      padding-top: 15%;
    }
    .apply .applyCon .apply-group {
      margin-top: 6%;
    }
    .apply {
      height: auto;
    }
    .apply-search {
      padding-top: 10%;
      padding-bottom: 10%;
    }
    .number-service .number-service-img .number-service-img-text {
      padding: 30px 10px 40px 10px;
    }
    .Reference .Reference-advantage ul li {
      padding-left: 40px;
      font-size: 14px;
      line-height: 32px;
    }
    .machine-more .machine-more-group .machine-more-listCon {
      padding-left: 2px;
      padding-right: 2px;
    }
    .machine-more .machine-more-group .machine-more-listCon .machine-more-rela p {
      font-size: 14px;
      line-height: 32px;
    }
    .machine-more-machining .machine-more-text h4 {
      font-size: 24px;
    }
    .machine-more-machining .machine-more-text p {
      font-size: 14px;
    }
    .machine-more-machining .machine-more-text a {
      font-size: 16px;
      line-height: 42px;
      width: 178px;
    }
    .machine-more-machining {
      padding-top: 5%;
      padding-bottom: 5%;
      margin-top: 5%;
    }
    .machine-more {
      padding-top: 5%;
      padding-bottom: 4%;
    }
    .machine-lb .slick-prev,
    .machine-lb .slick-next {
      font-size: 16px;
      line-height: 36px;
      height: 36px;
      width: 36px;
    }
    .machine-banner {
      height: 140px;
    }
    .machineNav .machineNavtit {
      line-height: 42px;
      font-size: 14px;
    }
    .machineNav {
      height: 42px;
    }
    .machineTit {
      padding-left: 0;
    }
    .machine-lb .slick-dots li {
      height: 8px;
      width: 8px;
    }
    .machine-lb .slick-dots {
      bottom: -30px;
    }
    .Reference {
      margin-top: 13%;
    }
    .Reference > h4 {
      font-size: 15px;
      padding: 0 10px;
    }
    .tool .tool-list .tool-list-box .tool-list-right .tool-list-lb .slick-prev,
    .tool .tool-list .tool-list-box .tool-list-right .tool-list-lb .slick-next {
      font-size: 16px;
      line-height: 36px;
      height: 36px;
      width: 36px;
    }
    .tool .tool-list .tool-list-box .tool-list-right .tool-right-jj {
      height: 48px;
    }
    .tool .tool-list .tool-list-box .tool-list-right .tool-right-jj p {
      line-height: 48px;
      font-size: 14px;
    }
    .service-maintenance .service-maintenance-img .service-maintenance-text {
      width: 100%;
      padding: 15px 10px;
    }
    .service-maintenance {
      margin-top: 4%;
      margin-bottom: 6%;
    }
    .service-maintenance .service-maintenance-img {
      margin-top: 10%;
    }
    .Case-details-group .Case-details-list {
      height: auto!important;
      width: 100%;
    }
    .Case-details-group .Case-details-list1:after {
      display: none;
    }
    .Case-details-group .Case-details-list2:after {
      display: none;
    }
    .Case-company {
      margin-top: 10%;
    }
    .Case-company .Case-company-left {
      width: 100%;
    }
    .Case-company .Case-company-right {
      width: 100%;
    }
    .Case-company .Case-company-right .slick-prev,
    .Case-company .Case-company-right .slick-next {
      height: 36px;
      width: 36px;
      background-size: contain;
    }
    .Case-company-Visit {
      margin-top: 7%;
      margin-bottom: 6%;
    }
    .Case-company-Visit h5 {
      margin-bottom: 0px;
    }
    .Case-company-Visit .Case-company-Visit-text {
      font-size: 14px;
      line-height: 1.6;
    }
    .Case-details-group .Case-details-list {
      padding: 20px;
    }
    .Case-details-group {
      margin-top: 6%;
    }
    .Case-details-banner .Case-details-banner-img {
      padding-top: 40%;
    }
    .Case-details-banner .Case-details-banner-img .Case-details-banner-text h3 {
      font-size: 24px;
      margin-bottom: 2px;
    }
    .Case-details-banner .Case-details-banner-img .Case-details-banner-text p {
      font-size: 14px;
    }
    .case-option .case-option-group {
      padding: 24px 6px;
    }
    .case-option .case-option-group .case-option-list {
      width: 100%;
      overflow-x: auto;
      white-space: nowrap;
    }
    .case-option .case-option-group .case-option-list a {
      width: 112px;
    }
    .case-Newest .case-Newest-group .case-Newest-list {
      width: 100%;
      margin-top: 3%;
    }
    .case-group .case-list {
      width: 50%;
    }
    .case-more .case-more-group .case-more-listcon {
      width: 50%;
    }
    .case-more .case-more-group .case-more-listcon .case-more-list {
      margin-top: 10px;
    }
    .case-more .case-more-group .case-more-listcon .case-more-list p {
      bottom: 14px;
      width: 80%;
    }
    .Promise-service .Promise-service-group .Promise-service-list {
      width: 50%;
      margin-bottom: 10px;
    }
    .Promise-Continued .Promise-Continued-text .Promise-Continued-left {
      font-size: 14px;
      line-height: 20px;
      width: 100%;
    }
    .Promise-Continued .Promise-Continued-text .Promise-Continued-right {
      width: 100%;
      margin-left: 0;
      height: 194px;
      margin-top: 10px;
    }
    .Promise-Continued .Promise-Continued-text .Promise-Continued-right:after {
      display: none;
    }
    .Promise-carve .Promise-carve-text {
      line-height: 24px;
      font-size: 14px;
    }
    .Promise-service {
      margin-top: 8%;
    }
    .Promise-service h6 {
      font-size: 14px;
      line-height: 28px;
      padding: 0 0px;
      margin-top: 18px;
    }
    .Promise h3 {
      margin-bottom: 16px;
    }
    .list-details-slide .preview .swiper-slide {
      width: 69px;
      height: 38px;
      padding: 0 4px;
    }
    .list-details-slide .preview .swiper-container {
      height: auto;
      margin-left: 0;
    }
    .Point-entry-con {
      margin-bottom: 6%;
    }
    .contact .contact-formcon .contact-form .contact-form-list {
      width: 100%;
    }
    .contact .contact-text {
      margin-top: 37px;
      padding: 20px 20px;
      margin-bottom: 34px;
    }
    .contact .contact-text h4 {
      font-size: 20px;
      line-height: 48px;
    }
    .contact .contact-formcon .contact-form h3 {
      margin-bottom: 26px;
    }
    .automation .automation-p {
      padding-left: 0;
      padding-right: 0;
    }
    .automation .automation-p p {
      font-size: 14px;
    }
    .automation .automation-group .automation-list {
      width: 100%;
      margin-left: 0%;
    }
    .project-details .project-detailsImg:before {
      display: none;
    }
    .project-details .project-detailsImg:after {
      display: none;
    }
    .project-details .project-detailsImg {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
    }
    .project-details .project-details-text {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      margin-top: 3%;
      line-height: 24px;
    }
    .project-details .project-details-text h3 {
      font-size: 16px;
      margin-bottom: 5px;
    }
    .project-details-g {
      margin-top: 4%;
    }
    .project-details-bj {
      padding: 6% 0 7%;
    }
    .Project-list-tabel .Project-list-tabelCon .Project-list-tabelCon-item .Project-list-tabelCon-btm .Project-list-tabelCon-btmImg {
      width: 100%;
      height: 200px;
    }
    .Project-list-tabel .Project-list-tabelCon .Project-list-tabelCon-item .Project-list-tabelCon-btm .Project-list-tabelCon-btmText {
      width: 100%;
      height: 96px;
    }
    .Project-list-tabel .Project-list-tabelCon .Project-list-tabelCon-item .Project-list-tabelCon-btm .Project-list-tabelCon-btmText p {
      width: 100%;
      font-size: 16px;
      text-align: center;
    }
    .Project-list-manage .Project-manage .Project-manage-img {
      width: 100%;
      height: 200px;
    }
    .Project-list-manage .Project-manage .Project-manage-text {
      height: auto;
      width: 100%;
      padding: 27px 24px;
    }
    .Project-list-tabel .Project-list-tabelCon {
      margin-top: 0;
    }
    .Project-list-tabel .mainland-service-con .mainland-service-list.active:before {
      bottom: 0px;
    }
    .Project-list-banner .Project-list-bannerImg .Project-list-bannerText .Project-list-bannerTextp {
      font-size: 14px;
      line-height: 26px;
    }
    .Project-list-tabel .Project-list-tabelCon .Project-list-tabelCon-item .Project-list-tabelCon-top dl {
      padding-left: 5%;
    }
    .Project-list-manage {
      padding: 30px 0 50px;
    }
    .apply {
      padding: 4% 0;
    }
    .apply_detile-tit {
      position: static;
      transform: translate(0%, 0%);
      -webkit-transform: translate(0%, 0%);
      -moz-transform: translate(0%, 0%);
      -o-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      padding-left: 2%;
      padding-right: 2%;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
    }
    .apply_detile .apply_detilePcon p {
      font-size: 14px;
      line-height: 26px;
    }
    .apply_detile .apply_detilePcon {
      margin-top: 3%;
      margin-bottom: 3%;
    }
    .apply_detile .slick-prev {
      left: 5%;
    }
    .apply_detile .slick-next {
      right: 5%;
    }
    .apply_detile-tit p {
      font-size: 15px;
    }
    .app-coop h3 {
      font-size: 18px;
    }
    .app-coop h3:before {
      height: 3px;
      width: 56px;
      margin-bottom: 10px;
    }
    .app-coop {
      background: #eff6fa;
      padding-top: 6%;
      padding-bottom: 6%;
      margin-top: 6%;
    }
    .app-coopLb {
      margin-top: 10px;
    }
    .app-Speech {
      margin-top: 8%;
    }
    .app-Speech .app-Speech-left {
      width: 100%;
      margin-left: 0;
    }
    .app-Speech .after-before:before {
      display: none;
    }
    .app-Speech .after-before:after {
      display: none;
    }
    .app-Speech .app-Speech-right {
      width: 100%;
      float: right;
      padding-top: 20px;
      padding-left: 0;
      background: none;
    }
    .app-Speech .app-Speech-right p {
      font-size: 14px;
      line-height: 24px;
    }
    .app-group {
      margin-top: 10%;
    }
    .public {
      padding-bottom: 10px;
    }
    .public:after {
      height: 3px;
      width: 55px;
    }
    .app-group .app-groups {
      margin-top: 0;
    }
    .app-group .app-groups .app-groups-list {
      width: 49%;
    }
    .app-group .app-groups .app-groups-list:not(:nth-child(4n-3)) {
      margin-left: 0%;
    }
    .app-group .app-groups .app-groups-list:nth-child(even) {
      margin-left: 2%;
    }
    .app-group .app-groups .app-groups-list .app-groups-list-search .app-groups-list-nams h4 {
      font-size: 18px;
    }
    .app-group .app-groups .app-groups-list .app-groups-list-search .app-groups-list-nams p {
      font-size: 14px;
    }
    .app-group .app-groups .app-groups-list .app-groups-list-search .app-groups-list-nams span {
      font-size: 40px;
      margin-top: 4px;
    }
    .app-group .app-groups .app-groups-list > p {
      font-size: 14px;
      line-height: 38px;
    }
    .app-more {
      margin-top: 8%;
      margin-bottom: 8%;
    }
    .app-more .app-moreLb {
      margin-top: 5%;
    }
    .app-more .app-moreLb .slick-next {
      right: 0;
    }
    .app-more .app-moreLb .slick-prev {
      left: 0;
    }
    .in-Case {
      margin-top: 4%;
    }
    .in-Case .in-Case-box {
      margin-top: 5%;
    }
    .in-Case .in-CaseWo .in-CaseWoGroup .in-CaseWoListcon .in-CaseWoList h3 {
      font-size: 22px;
    }
    .Turnkey .Turnkey-btn {
      white-space: nowrap;
      overflow: auto;
    }
    .Turnkey .Turnkey-btn .Turnkey-btn-list {
      width: 64%;
      white-space: normal;
    }
    .Turnkey {
      margin-top: 6%;
      margin-bottom: 6%;
    }
    .Turnkey-group .Turnkey-group-list .Turnkey-group-list-left {
      width: 100%;
      height: 212px;
    }
    .Turnkey-group .Turnkey-group-list .Turnkey-group-list-right{
      height: auto;
      width: 100%;
    }
    .Turnkey-group .Turnkey-group-list .Turnkey-group-list-right .Turnkey-group-list-right-text {
      position: static;
      top: 50%;
      left: 50%;
      transform: translate(0%, 0%);
      -webkit-transform: translate(0%, 0%);
      -moz-transform: translate(0%, 0%);
      -o-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      width: 100%;
      padding: 10px;
    }
    .list3-group .list3-list .list3-listCon .list3-listCon-left {
      height: auto;
      width: 100%;
    }
    .list3-group .list3-list .list3-listCon .list3-listCon-right {
      width: 100%;
      margin-left: 0;
      padding-left: 10px;
      padding-right: 10px;
    }
    .list3-group .list3-list .list3-listCon .list3-listCon-right .list3-listCon-right-ul li {
      font-size: 14px;
      color: #000000;
      line-height: 38px;
      border-bottom: 1px solid #000;
    }
    .list3-group .list3-list h2 {
      font-size: 16px;
      line-height: 36px;
      padding-left: 12px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap
    }
    .list3-group .list3-list h2 em {
      font-size: 18px;
    }
    .list-details-trait a {
      width: 100%;
    }
    .list-details-yy .list-details-yy-group {
      padding: 0 20px;
      margin-top: 30px;
    }
    .list-details h2 {
      font-size: 24px;
    }
    .list-details h5 {
      font-size: 18px;
      margin-bottom: 10px;
    }
    .list-details-trait {
      margin-top: 20px;
    }
    .list-details-trait table {
      margin-top: 10px;
    }
    .list-detailsCon .list-details-text {
      padding: 0 10px;
    }
    .list-details-trait {
      margin-top: 20px;
      overflow: auto;
    }
    .list-details {
      margin-top: 10%;
    }
    #cookies-popup .container p{font-size:12px;}
    #cookie-btn{ font-size:14px;    padding: .3rem 1rem; width:65px;}
  }